body {
    --f7-theme-color: #3385FF;
    --f7-progressbar-border-radius: 3px;
    --f7-progressbar-bg-color: #E9ECF0;
    --f7-chip-bg-color: #F5F7FA;
    --f7-button-outline-border-width: calc(2px * var(--ratio));
}

/* progressbar进度条 */
.progressbar>span {
    background: linear-gradient(117deg, #62BBFF 0%, #3385FF 100%);
    border-radius: var(--f7-progressbar-border-radius);
}

/* f7-list-item-view 底部分割线 */
.item-inner::after {
    display: none !important;
}

/* f7-list 上下分割线 */
.list > ul::before,
.list > ul::after{
    display: none;
}

/* qm-list */
.qm-list{
    --f7-list-item-title-text-color: var(--color-text-title);
    --f7-list-item-title-font-size: var(--font-size-maincontent);
    margin-top: 0;
    margin-bottom: calc(20px * var(--ratio));
}

.qm-list-button>.list-button{
    --f7-list-button-text-color: var(--color-text-title);
    --f7-list-button-font-size: var(--font-size-maincontent);
    text-align: center;
}

/* qm-list-input */
.qm-list-input{
    --f7-input-placeholder-color: var(--color-text-weak);
}
.qm-list-input .item-label{
    /* width: 30%; */
    width: calc(200px * var(--ratio));
    --f7-label-font-size: var(--font-size-subtitle);
    --f7-label-text-color: var(--color-text-main);

    flex-shrink: 0;
}
.qm-list-input .item-input:not(.item-input-outline) .item-input-wrap:after{
    display: none;
}
/*
.qm-toolbar{
    --f7-toolbar-bg-color: transparent;
    --f7-toolbar-text-color: var(--color-text-main);
    --f7-tabbar-link-active-color: var(--color-text-title);
}

.qm-toolbar .tab-link-highlight{
    border-radius: 16px;
    bottom: 0;
}*/

.qm-card{
    box-shadow: none;
}
.qm-card .card-header::after{
    display: none;
}

/* .qm-block{
    margin-top: calc(32px * var(--ratio));
    margin-bottom: 0;
} */

.qm-button{
    min-height: calc(96px * var(--ratio));
    line-height: calc(96px * var(--ratio));
}

/* .van-popup{
    z-index: 19999 !important;
} */

/* f7-swiper */
.qm-swiper .swiper-pagination-bullet {
    --size: calc(8px * var(--ratio));
    width: var(--size);
    height: var(--size);
}
.qm-swiper .swiper-pagination {
    bottom: 0;
}